<?php
/**
 * Created by PhpStorm.
 * User: 秋刀鱼
 * Date: 2018/8/7
 * Time: 11:54
 */
use yii\helpers\Html;
use yii\bootstrap\ActiveForm;

$this->title = '深度资金图谱后台管理';
?>
<?=Html::cssFile('@web/css/bootstrap.css')?>
<?=Html::cssFile('@web/css/font-awesome.css')?>
<?=Html::cssFile('@web/css/animate.css')?>
<?=Html::cssFile('@web/css/app1.css')?>
<?=Html::cssFile('@web/css/paging.css')?>

    <body class="nav-md" >
    <div class="container body">
        <div class="main_container">
            <?php include_once'../views/public/left1.php';?>
            <?php include_once'../views/public/header.php';?>
            <!--右侧内容-->
            <div class="right_col_">
                <div class="row col-md-12" style="background:#fff;height:87%;width: 100%;">
                    <div style="width: 95%;margin: 0 auto;">
                        <div>&nbsp;</div>
                        <div style="line-height: 20px;">当前位置：首页 > 专家 > <span style="color: #0073f4">待验收</span> </div>
                    </div>
                    <hr>
                    <div class="row col-md-12" style="width: 100%;background: #fff;">
                        <div style="width: 95%;height:60px;margin: 0 auto;display: flex;justify-content: space-between; ">
                            <div>
                                <form action="#" class="form-inline">
                                    <span style="font-size: 16px;float: left;margin-right: 10px">项目名称</span>
                                    <div class="form-group" style="margin-right: 10px;">
                                        <label class="sr-only" for="key">请输入搜索关键字</label>
                                        <input class="form-control" type="text" placeholder="请输入搜索关键字">
                                    </div>
                                    <div class="form-group">
                                        <a href="#" class="btn btn-success" style="background-color: #416aff;border-color:#416aff;">查找</a>
                                    </div>
                                </form>
                            </div>
                            <a href="http://www.yii.com/admin/specialist/preparecheck" style="display: inline-block;width: 5%;background: #416aff;border-radius: 10px 10px 10px 10px;height: 40px;line-height: 40px;text-align: center;color: #fff;">验收项目</a>
                        </div>
                        <div style="width: 95%;margin: 0 auto;">
                            <div>
                                <table class="table" id="table-laptop" border="1" style="border-color:#ddd;">
                                    <thead>
                                    <tr style="background: #eef2f4;">
                                        <th style="width: 167px;height: 61px;text-align: center;vertical-align: middle;border-left: 1px solid black;">课题号</th>
                                        <th style="width: 167px;height: 61px;text-align: center;vertical-align: middle;">项目类型</th>
                                        <th style="width: 167px;height: 61px;text-align: center;vertical-align: middle;">项目名称</th>
                                        <th style="width: 167px;height: 61px;text-align: center;vertical-align: middle;">开题日期</th>
                                        <th style="width: 167px;height: 61px;text-align: center;vertical-align: middle;">结题日期</th>
                                        <th style="width: 167px;height: 61px;text-align: center;vertical-align: middle;">所属研究单位</th>
                                        <th style="width: 167px;height: 61px;text-align: center;vertical-align: middle;">预算金额</th>
                                        <th style="width: 167px;height: 61px;text-align: center;vertical-align: middle;border-right: 1px solid black;">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="tbody1" style="text-align: center;">
                                    <!--动态添加数据 start-->
                                    <tr>
                                        <td>a</td>
                                        <td>a</td>
                                        <td>a</td>
                                        <td>a</td>
                                        <td>a</td>
                                        <td>a</td>
                                        <td>a</td>
                                        <td>
                                            <div class="btnn" style="width: 100%;text-align: center;">
                                                <a href=""><img src="../images/select/zj.png" alt="" style="width: 20px;height: 20px;margin-right: 5px;"></a>
                                                <a href=""><img src="../images/select/deldect.png" alt="" style="width: 20px;height: 20px;margin-left: 5px;"></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <!--动态添加数据 end-->
                                    </tbody>
                                </table>
                            </div>
                            <div class="box" id="box" style="width: 95%;transform: translate(0%,0%)!important;margin-left: 0!important;display: flex;justify-content: flex-end">
                                <!--这里是分页-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/paging.js"></script>
    <script src="../js/app.js"></script>
    <script>
        var setTotalCount = 301;
        $('#box').paging({
            initPageNo: 3, // 初始页码
            totalPages: 30, //总页数
            totalCount: '合计' + setTotalCount + '条数据', // 条目总数
            slideSpeed: 600, // 缓动速度。单位毫秒
            jump: true, //是否支持跳转
            callback: function(page) { // 回调函数
                console.log(page);
            }
        })
    </script>
    </body>
    </html>
<?php exit;?>